準備好之後，接下來我們要來引入 Bootstrap 套件了，參考 鐵人賽Day28 - Vue Cli

我們除了可以在 App.vue 的 style 引入 Bootstrap 的 Scss 之外，有時候我們也想客製化自己的樣式，這時候我們就可以把 Boostrap 的變數拿來做使用，首先我們開新一個檔案，存在 src 底下的 assets 資料夾底下為 all.scss 接著引入 Bootstrap 的 Scss:

@import "~bootstrap/scss/bootstrap";

接著我們在 src 底下的 assets 資料夾新增一個 helpers 資料夾，用於跟原版的 Bootstrap 的變數區別
接著到 node_modules 資料夾底下找 variables.scss 這支檔案，另存新檔到 helpers 底下

這時侯回到 all.scss 檔案，我們要改寫成如下:

@import "~bootstrap/scss/functions";     // 載入 bootstrap 變數可以用的方法
@import "./helpers/_variables";          // 我們要客製化的變數
@import "~bootstrap/scss/bootstrap";     // 全部 bootstrap 套件

都好了之後，我們可以把 Bootstrap 的元件貼到 App.vue 底下測試看看是否有成功
我們也可以任意去更改 helpers 底下的 variables.scss 內的變數來客製化自己的樣式